
<script>

	export default {
		data(){
		
		},
		onLaunch: function() {
			
		},
		onShow: function() {
		
		},
		onHide: function() {
		
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	/* 全局样式 */
	page, .page {
	    height: 100%;
	    font-family: 'PingFang SC',
	                 'Helvetica Neue',
	                 Helvetica,
	                 'Droid Sans Fallback',
	                 'Microsoft Yachei',
	                 sans-serif;
	}
	.content {
		
		background-color: #efefef;
		padding-bottom: 3vw;
	}
	
	/* 侧边栏样式 */
	.page-slidebar {
	    height: 100%;
	    width: 750rpx;
	    position: fixed;
	    background-color:white;
	    z-index: 0;
	}
	
	/* 控制侧边栏的内容距离顶部的距离 */
	.page-content {
	    padding-top: 60rpx;
	}
	
	/* 侧边栏内容的 css 样式 */
	.wc {
	    color:black;
	    padding: 30rpx 0 30rpx 150rpx;
	    border-bottom: 1px solid #eee; 
	}
	
	/* 当屏幕向左滑动，出现侧边栏的时候，主页的动画样式 */
	/* scale：取值范围 0~1 ，表示屏幕大小是原来的百分之几，可以自己修改成 0.8 试下*/
	/* translate(60%,0%) 表示向左滑动的时候，侧边栏占用平时的宽度为 60%   */
	.c-state {
	    transform: rotate(0deg) scale(1) translate(60%, 0%);
	    -webkit-transform: rotate(0deg) scale(1) translate(60%, 0%);
	}
	
	/* 主页样式 */
	.page-top {

	    position:relative;
	    width: 750rpx;
	    background-color:white;
	    z-index: 0;
	    transition: All 0.4s ease;
	    -webkit-transition: All 0.4s ease;
	}
	/* 左上角图标的样式 */
	
	
	/* 遮盖层样式 */
	.cover{
	    width: 100%;
	    height: 100%;
	    background-color:gray;
	    opacity: 0.5;
	    z-index: 9000;
	}
	
 .heads{
	 padding: 4vw 4vw;
	 box-sizing: border-box;
	 background-color: #fff;
	 width: 100%;
	 .iconfont{
		 font-size: 5vw !important;
		 color: #666;
	 }
	 .title{
		 text-align: center;
	 }
 }
 uni-page-head
 {
     display: none;
 }
	

</style>
